Ashley Warner's profile

UI Design: MBTA Landing Page Concept

This is a landing page concept for the MBTA's website, created in Adobe XD. The goals for this project were to make the first page that users arrive to when visiting MBTA.com eye catching, less cluttered, and very easy to navigate, while sticking to their branding. I went about this by taking the information on the page of the actual website and organizing it into a hierarchy based on importance, with buttons for transportation maps and schedules at the very top, followed by fare information and news. I also shrunk down the news section and contained it to just one area, helping the organization and flow of the web page.  Because I think the bottom portion of MBTA.com containing links works very well, I took that directly from the current website and only changed the blue color slightly.
Video exploring the prototype
What users would see arriving to the page
A full view of the landing page
UI Design: MBTA Landing Page Concept
Published:

UI Design: MBTA Landing Page Concept

Published:

Creative Fields